<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      template="/pages/templates/template.xhtml">
    <ui:define name="head">
        <title>Equipos</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    </ui:define>
    <ui:define name="body">
        <f:event type="preRenderView" 
               listener="#{equiposadmincontroller.consultarEquipos()}" />
        <h:form id="formEquipos">
            <p:growl id="confirm" autoUpdate="true" showDetail="true"/>
            <p:commandButton value="Crear Equipo" 
                             action="#{equiposadmincontroller.initCreate()}" 
                             ajax="false" />
            <br />
            <p:dataTable id="tableEquipos" value="#{equiposadmincontroller.equipo}" var="_equipo" style="width: 600px;">
                <p:column headerText="Id">
                    #{_equipo.id}
                </p:column>
                <p:column headerText="Nombre">
                    #{_equipo.nombreEquipo}
                </p:column>
                <p:column headerText="Acciones">
                    <p:commandLink value="Editar" 
                                   action="#{equiposadmincontroller.initEdit(_equipo)}" 
                                   ajax="false" />
                    <p:spacer width="20" />
                    <p:commandLink value="Eliminar" 
                                   actionListener="#{equiposadmincontroller.eliminarEquipo(_equipo)}"
                                   process="@this"
                                   update="tableEquipos">
                        <p:confirm header="Confirmación" 
                                   message="Está seguro que desea eliminar el equipo?" />
                    </p:commandLink>

                </p:column>
            </p:dataTable>
            <p:confirmDialog global="true" showEffect="fade" hideEffect="fade">
                <p:commandButton value="Si" type="button" styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
                <p:commandButton value="No" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
            </p:confirmDialog>            
        </h:form>
    </ui:define>
</ui:composition>
